<template>
    <div>
        <tag-list />
        <blog-list :tag="tag" :tips="tips"/>
        <message-board />
    </div>
</template>

<script>
import TagList from '@/components/home/TagList'
import BlogList from '@/components/home/BlogList'
import MessageBoard from '@/components/common/MessageBoard'

export default {
    name: 'HomePage',
    props:{
        tips: ""
    },
    components: {
        TagList,
        BlogList,
        MessageBoard
    },
    data () {
        return {
            tag:{}
        }
    },
    watch:{
        tag(newValue,oldVaule) {
            this.tag = newValue; 
        },
    },
}
</script>

<style lang="stylus" scoped>

</style>

